<?php

	include("bd/conexao/config.php"); // Arquivo de configuração MySQL
	
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>	Cadastro Usuário </title>	

		<!-- CSS -->	
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
		<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
		<link href="css/docs.min.css" rel="stylesheet" type="text/css">
		<link href="css/style.css" rel="stylesheet" type="text/css">
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300&amp;subset=latin,cyrillic-ext,vietnamese,cyrillic" rel="stylesheet" type="text/css">

	    <!-- SCRIPTS -->
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://code.jquery.com/jquery.js"></script>	

		<script src="js/jquery.validate.js"></script> 		
		
		<!-- Include all compiled plugins (below), or include individual files as needed -->
	    <script src="js/bootstrap.min.js"></script>

	    <script>   	  	

	    	 $(document).ready(function() { 

	    	 	/* Função Limpar Campos do Formulário Cadastro Usuário */

	    	 	function limparCamposFormCadastroUsuario() {

	    			$('#login').val("") 
	    			$('#senha').val("")
	    			$('#nome').val("");  
	    			$('select').val('0'); 	    		
	    			$('#confirma_senha').val("")

    			}

    			/* Função Limpar Campo Senha do Formulário Cadastro Usuário */

	    	 	function limparCampoSenha() {
	    			
	    			$('#senha').val("");	
	    			$('#confirma_senha').val("")    			    		

    			}

    			/* Evento Botões */

    			$('#btnVoltar').click(function() {

					$(window.document.location).attr('href','index.php');

				});

				/* Validação Cadastro Usuário */

				$.validator.addMethod("valueNotEquals", function(value, element, arg){
  					return arg != value;
 				}, "Value must not equal arg.");		
				
				$('#form-cadastro-usuario').validate({

					rules:{

						txtNome: 	       { required: true      },					
						txtLogin: 	       { required: true      },
						txtSenha: 	       { required: true      },						
						txtConfirmaSenha:  { equalTo:  "#senha"  },																														
						cbPerfilUsuario:   { valueNotEquals: "0" }

					},

					messages:{

						txtNome: 		  { required: 	    "Digite o nome" },							
						txtLogin: 		  { required:   	"Digite o login" },
						txtSenha: 		  { required:       "Digite a senha inicial" },
						txtConfirmaSenha: { equalTo:        "Senha e confirmação de senha são diferentes" },						
						cbPerfilUsuario:  { valueNotEquals: "Selecione o perfil do usuário" }	

					},

					submitHandler: function() { 

				   		var login 		= $('#login').val();
				   		var senha 		= $('#senha').val();
				   		var nome  		= $('#nome').val();
				   		var perfil 	    = $('#cb_perfil_usuario').val();

				   		$.post('scripts/add-usuario.php', 
				   		{
				   			txtLogin: 	      login,
				   			txtSenha: 	      senha,
				   			txtNome:  	      nome,
				   			cbPerfilUsuario:  perfil	

				   		}, function(resposta) {		   		

				        	var resultado = resposta;
				        		        		        	
				        	if (resultado == 1) {			        	    
				        		$('#modalAlerta #textoAlerta').html("Usuário cadastrado com sucesso!");
								$('#modalAlerta').modal('show');
								limparCamposFormCadastroUsuario();   
			        		}

			        		else if (resultado == 2) {
								$('#modalAlerta #textoAlerta').html("Login já existente!");
								$('#modalAlerta').modal('show');	
								limparCampoSenha();				   			
							}

				        	else {
				        		$('#modalAlerta #textoAlerta').html("Erro ao cadastrar usuário!");
								$('#modalAlerta').modal('show');
								limparCamposFormCadastroUsuario();	   	
			        	    }		        	

				        });			       

			    	    return false;
			 
					}, 

					debug: true						

				});

			});

		</script>

	</head>

	<body>

		<div class="container">           

			<div class="img-logo">

				<a href="http://ibmontesiao.com" title="Igreja Batista Monte Sião"> 
		      		<img src="http://ibmontesiao.com/wp-content/login-logo.png?v=1297365009" class="center-block" />
		    	</a>						    

	    	</div>	   
								
			<form mode="role" id="form-cadastro-usuario" method="post">	

				<h2 class="titulo"> Cadastro de Usuário </h2>													    
						    
			    <div class="form-group">
			    	<label for="nome">Nome</label>	
			    	<input type="text" class="form-control" name="txtNome" id="nome">
		    	</div>

		    	<div class="form-group">
		    		<label for="login">Login</label>			    		
			    	<input type="text" class="form-control" name="txtLogin" id="login">	
		    	</div>

		    	<div class="form-group">	
		    		<label for="senha">Senha Inicial</label>						    
					<input type="password" class="form-control" name="txtSenha" id="senha">				    			
				</div>

				<div class="form-group">	
		    		<label for="confirma_senha">Confirmação Senha</label>						    
					<input type="password" class="form-control" name="txtConfirmaSenha" id="confirma_senha">				    			
				</div>

				<div class="form-group">
					<label for="cb_perfil_usuario">Perfil</label>	
					<select class="form-control" name="cbPerfilUsuario" id="cb_perfil_usuario">

						<option value="0">-- Selecione --</option>

						<?php

							$sql = "SELECT * from perfil_usuarios ORDER BY nome ASC";							
							$query   = mysql_query($sql); 								
							$resultado = mysql_num_rows($query); // Traz o resultado da pesquisa acima	
						
							if ($resultado > 0) {
						
								while($row = mysql_fetch_array($query)) {
							

						?>	

						<option value ="<?php echo $row['id']; ?>" id="<?php echo $row['nome']; ?>"> <?php echo $row['nome']; ?> </option>
					
						<?php

		                    }

		                  }

						?>	
					</select>	
				</div>

				<div class="btn-toolbar" role="toolbar">		    				    								 
						<div class="btn-group">
							<button type="submit" class="btn btn-primary" id="btnEnviar">Salvar</button>
						</div>
						<div class="btn-group">
							<button type="button" class="btn btn-primary glyphicon glyphicon-home" id="btnVoltar"></button>
						</div>
					</div>								

			</form>			 

	    </div> 				

	    <!-- MODAL ALERTA -->

	    <div id="modalAlerta" class="modal fade">
			<div class="modal-dialog modal-sm">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			        <h3 class="modal-title text-center">Alerta</h3>
			      </div>
			      <div class="modal-body">
			        <h5 id="textoAlerta"></h5>
			      </div>
			      <div class="modal-footer">			       
			        <button type="button" id="btnOk" class="btn btn-primary" data-dismiss="modal">OK</button>		        
			      </div>
			    </div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->

	</body>


</html>